<template>
  <div>
    <a-col :span="24">
      <a-form-model-item label="视频" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="videoUrls">
        <div class="pc-recommended-remind">因安全控制：仅支持mp4格式(300M以内)</div>
        <j-upload :number="1" :accept="'.mp4'" v-model="videoUrls"></j-upload>
      </a-form-model-item>
    </a-col>
  </div>
</template>

<script>
export default {
  name: 'VideoFormModelItem',
  components: {},
  props: {
    value: {
      type: String,
      default: undefined,
      require: true
    },
    labelCol: {
      type: String,
      default: undefined,
      require: true
    },
    wrapperCol: {
      type: String,
      default: undefined,
      require: true
    }
  },

  data() {
    return {
      videoUrls: undefined
    }
  },

  model: {
    prop: 'value',
    event: 'input'
  },

  watch: {
    value: {
      handler(newValue) {
        this.videoUrls = newValue
      },
      immediate: true
    },

    videoUrls: {
      handler(newValue) {
        this.$emit('input', newValue)
      },
      immediate: true
    }
  },

  mounted() {},
  methods: {}
}
</script>

<style scoped lang="less"></style>

